/* pages/home/comps/hot-recommed/hot-recommed.wxss */

.hot-recommed {
  padding: 10rpx;
}

.hot-title {
  font-weight: 600;
  font-size: 40rpx;
  margin: 20rpx 0;
  border-left: 10rpx solid #3ae0ab;
  text-indent: 10rpx;
  color: #666;
}

.hot-list {
  height: 740rpx;
  margin: 10rpx 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  .list-item {
    width: 48%;
    height: 350rpx;
    // border: 1rpx solid #ccc;
    position: relative;
    overflow: hidden;

    .item_img {
      width: 100%;
      height: 100%;
    }

    .goodsName {
      padding: 10rpx 5rpx;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;

      background-color: rgba(0,0,0,.2);

      background-position-y: 31%;

      .goodsName-text {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 28rpx;
        width: 100%;
        color: white;

      }

      .yc {
        font-size: 24rpx;
        color: #eee;
        text-align: center;
      }

  
    }
    .jiao {
      position: absolute;
      z-index: 3;
      width: 180rpx;
      height: 60rpx;
      line-height: 60rpx;
      color: #fff;
      top: 8rpx;
      left: -50rpx;
      text-align: center;
      transform: rotate(-45deg);
      background-color: #32dfb8;
      font-size: 28rpx;
    }
  }

}